<div class="layui-card">
  <div class="layui-card-body">
      <div class="layui-row layui-form" id="form">
      		<div class="layui-col-lg3">
                <div class="layui-col-lg4">
                    <input type="text" id="min_time" name="min_time" placeholder="最小时间" class="layui-input">
                </div>
                <div class="layui-col-lg4">
                        <input type="text" id="max_time" name="max_time" placeholder="最大时间" class="layui-input">
                </div>
                <div class="layui-col-lg4">
                    <select lay-filter="com_quicktime">
                        <option value="0">快捷时间</option>
                        <option value="1">最近1天</option>
                        <option value="2">最近2天</option>
                        <option value="3">最近3天</option>
                        <option value="4">最近4天</option>
                        <option value="5">最近5天</option>
                        <option value="6">最近6天</option>
                        <option value="7">最近7天</option>
                        <option value="8">最近8天</option>
                        <option value="9">最近9天</option>
                        <option value="10">最近10天</option>
                        <option value="20">最近20天</option>
                        <option value="30">最近30天</option>
                        <option value="60">最近60天</option>
                        <option value="90">最近90天</option>
                        <option value="365">最近365天</option>
                    </select>
                </div>
            </div>
            <div class="layui-col-lg1">
                <select name="level">
                    <option value="">等级</option>
                    <?php foreach(c('type.user_level') as $k => $v):?>
                  <option value="<?=$k?>"><?=$v?></option>
                    <?php endforeach;?>
                </select>
            </div>
            <div class="layui-col-lg1">
                <select name="pay_type">
                    <option value="">支付类型</option>
                    <?php foreach(c('type.pay_type') as $k => $v):?>
                  <option value="<?=$k?>"><?=$v?></option>
                    <?php endforeach;?>
                </select>
            </div>
            <div class="layui-col-lg1">
                <select name="pay_status">
                    <option value="">支付状态</option>
                    <?php foreach(c('type.pay_status') as $k => $v):?>
                  <option value="<?=$k?>"><?=$v?></option>
                    <?php endforeach;?>
                </select>
            </div>
         <div class="layui-col-lg2">
             <input type="text" name="keyword" placeholder="请输入关键字查找" autocomplete="off" class="layui-input">
        </div>
        <div class="layui-col-lg1">
          <button class="layui-btn layui-btn-normal" onclick="search()">搜索</button>
        </div>
      </div>
      <div class="layui-row">
          <table class="layui-hide" lay-filter="table" id="table"></table>
      </div>
  </div>
</div>

<script>
layui.use(['table','form','larry'], function(){
    var form = layui.form;
    var table = layui.table;
    var $ = layui.$;
    var larry = layui.larry;
    form.render('select');
    search = function(){
        var url = "/uservip/lists";
        var data = $("#form").find("[name]");
        var where = {};
        data.each(function(i,e){
            where[$(e).attr('name')] = $(e).val();
        });
        table.render({
            elem: '#table'
            ,url:url
            ,where:where
            ,method:'post'
            ,page: true
            ,cols: [[
                {field:'id', title: 'ID',width:80, sort: true,title:'ID'}
                ,{field:'username', title: '用户名称',width:120}
                ,{field:'user_id', title: '用户id'}
                ,{field:'order_no', title: '订单编号',width:120}
                ,{field:'after_level', title: '等级'}
                ,{field:'money', title: '升级金额'}
                ,{field:'pay_money', title: '充值金额'}
                ,{field:'points', title: '赠送积分'}
                ,{field:'user_sign', title: '用户签名', width: 60,templet: function(d){
                    return "<img height=30 src='"+d.user_sign+"' />";
                }}
                ,{field:'pay_status', title: '支付状态'}
                ,{field:'pay_type', title: '支付类型'}
                ,{field:'pay_time', title: '支付时间'}
                ,{field:'create_time_name', title: '时间'}
            ]]
        });
    };
    search();
      //监听工具条
      table.on('tool(table)', function(obj){
            var data = obj.data;
            if (obj.event === 'del') {

          }
      });
});
</script>
